<template>
  <div>
    <t-notification
      theme="info"
      title="普通通知"
      content="这是一条普通的消息通知"
    />
    <t-notification
      theme="error"
      title="危险通知"
      content="这是一条危险的消息通知"
    />
    <t-notification
      theme="warning"
      title="告警通知"
      content="这是一条告警的消息通知"    />
    <t-notification
      theme="success"
      title="成功通知"
      content="这是一条成功的消息通知"    />
  </div>
</template>

<style scoped>
.t-notification + .t-notification {
  margin-top: 20px;
}

.t-button {
  margin: 20px 20px 20px 0;
}
</style>
